﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>默认效果-图片延迟加载的演示</title>
<style type="text/css">
*{ margin:0; padding:0; }
.img_box{ height:200px; width:490px; padding-bottom:30px; }
</style>

</head>
<body>
<h1>默认效果的图片延迟加载</h1>
<hr />
<div class="wrapper" >
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201111/00/B1/RAKowE7RpSkAAAAAAABeZXGj9rA69.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/78/RAKowE9ATvEAAAAAAABIynkMnN439.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/57/RAKowE85tX4AAAAAAABPcxwszb401.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/51/RAKowE84afwAAAAAAAB4zSMkkGU84.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/78/RAKowE9AT9MAAAAAAABPcx62mWU21.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/78/RAKowE9AUIoAAAAAAABYBmpAJs414.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/6A/RAKowE89sY0AAAAAAABBOB7TdkY48.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot.5173cdn.com/5173/data/201202/00/6A/RAKowE89sbwAAAAAAABBOCtPGK076.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot1.5173cdn.com/201107/00/00/SgKowE4NI74AAAAAAAA1vjkySrU91.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot1.5173cdn.com/201107/00/00/SgKowE4NJ40AAAAAAAA1vhQ9aB049.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot1.5173cdn.com/201109/00/00/SgKowE56jwIAAAAAAAA7biGD8bg26.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://ot1.5173cdn.com/201106/00/00/SgKowE34ZroAAAAAAAAj7Q6Xgsg34.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://bo.5173cdn.com/5173_2/data/201202/01/26/RAKowE83KD0AAAAAAACG2zrqNQU6..jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://bo.5173cdn.com/5173_2/data/201202/00/F5/RAKowE80x2UAAAAAAAB7dERKYps8..jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201202/00/26/SgKowE8x4jgAAAAAAAAbowZxGjc29.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201201/00/94/SgKowE8ncz4AAAAAAAAb2TpP-sY45.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201201/00/8F/SgKowE8mDUwAAAAAAABxvQjM2nI05.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201201/00/6E/SgKowE8aEzUAAAAAAAArvQTpKYk26.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201201/00/07/SgKowE8BVuMAAAAAAAA-Hlug_lw18.jpg" /></div>
<div class="img_box"><img src="images/placeholder.png"  lazy-src="http://sk.5173cdn.com/201201/00/8F/SgKowE8mDOAAAAAAAAByI1XHZd824.jpg" /></div>
</div>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/imglazyload.min.js"></script>
<script type="text/javascript">
$(function(){
	$( 'img' ).imglazyload();
});


</script>
</body>
</html>